var list1 = document.querySelector('#all-ul')
var data = [{
    "num": "剩余 65%",
    "title": "[奶牛镇的小时光]春节礼包",
    "img": "http://image.9game.cn/s/9game/g/2021/2/3/210178969.png",
    "lh": "领号"
}, {
    "num": "剩余 90%",
    "title": "[合金机兵]新春礼包",
    "img": "http://image.9game.cn/s/9game/g/2019/11/4/111743400.png",
    "lh": "领号"
}, {
    "num": "剩余 77%",
    "title": "[乱世曹操传]新春礼包",
    "img": "http://image.9game.cn/s/9game/g/2019/11/1/110119981.png",
    "lh": "领号"
}, {
    "num": "剩余 55%",
    "title": "[模拟城市：我是市长]金牛迎春礼包",
    "img": "http://image.9game.cn/s/9game/g/2021/2/19/221372209.png",
    "lh": "领号"
},]
var sky1 = ''
data.map(itme => {
    sky1 += `<li>
    <div class="number-imgs">
        <a href="" class="number-q">
            <img src="${itme.img}" alt="">
            <span></span>
        </a>
    </div>
    <a href="">
        <strong class="state">${itme.title}</strong>
    </a>
    <p class="number-p">${itme.num}</p>
    <a class="number-dd nr-yes" href="">${itme.lh}</a>
</li>`
})
list1.innerHTML = sky1


var list2 = document.querySelector('#all-ul1')
var data1 = [{
    "num": "剩余 95%",
    "title": "[天天爱钓鱼]福利礼包",
    "img": "http://image.9game.cn/s/9game/g/2021/1/30/208240363.png",
    "lh": "领号"
}, {
    "num": "剩余 80%",
    "title": "[三国演义:吞噬无界]新春礼包",
    "img": "http://image.9game.cn/s/9game/g/2019/11/12/115570072.png",
    "lh": "领号"
}, {
    "num": "剩余 100%",
    "title": "[爱上钢琴移动版]新春礼包",
    "img": "http://image.game.uc.cn/2016/1/27/12083804.png",
    "lh": "领号"
}, {
    "num": "剩余 99%",
    "title": "[生化大作战]新春礼包",
    "img": "http://image.9game.cn/s/9game/g/2021/2/3/210189933.png",
    "lh": "领号"
},]
var sky2 = ''
data1.map(itme => {
    sky2 += `<li>
    <div class="number-imgs">
        <a href="" class="number-q">
            <img src="${itme.img}" alt="">
            <span></span>
        </a>
    </div>
    <a href="">
        <strong class="state">${itme.title}</strong>
    </a>
    <p class="number-p">${itme.num}</p>
    <a class="number-dd nr-yes" href="">${itme.lh}</a>
</li>`
})
list2.innerHTML = sky2


var list3 = document.querySelector('#all-ul2')
var data2 = [{
    "num": "剩余 90%",
    "title": "[灵魂岛]新年礼包",
    "img": "http://image.9game.cn/s/9game/g/2019/8/9/90205297.png",
    "lh": "领号"
}, {
    "num": "剩余 88%",
    "title": "[水浒宋江传]2月春节礼包",
    "img": "http://image.9game.cn/s/9game/g/2018/5/30/20488776.png",
    "lh": "领号"
}, {
    "num": "剩余 40%",
    "title": "[三国志吕布传]2月春节礼包",
    "img": "http://image.9game.cn/s/9game/g/2020/6/28/167985792.png",
    "lh": "领号"
}, {
    "num": "剩余 78%",
    "title": "[杨家将演义]2月春节礼包",
    "img": "http://image.9game.cn/s/9game/g/2021/1/19/202800650.png",
    "lh": "领号"
},]
var sky3 = ''
data2.map(itme => {
    sky3 += `<li>
    <div class="number-imgs">
        <a href="" class="number-q">
            <img src="${itme.img}" alt="">
            <span></span>
        </a>
    </div>
    <a href="">
        <strong class="state">${itme.title}</strong>
    </a>
    <p class="number-p">${itme.num}</p>
    <a class="number-dd nr-yes" href="">${itme.lh}</a>
</li>`
})
list3.innerHTML = sky3


var list4 = document.querySelector('#all-ul3')
var data3 = [{
    "num": "剩余 99%",
    "title": "[猪猪侠快跑]新年福利",
    "img": "http://image.9game.cn/s/9game/g/2019/3/7/61105301.png",
    "lh": "领号"
}, {
    "num": "剩余 80%",
    "title": "[橘猫侦探社]新手礼包",
    "img": "http://image.9game.cn/s/9game/g/2021/1/26/206244959.png",
    "lh": "领号"
}, {
    "num": "剩余 89%",
    "title": "[幸存绿洲：突围]进阶礼包",
    "img": "http://image.9game.cn/s/9game/g/2020/12/18/192250134.png",
    "lh": "领号"
}, {
    "num": "剩余 89%",
    "title": "[幸存绿洲：突围]启程礼包",
    "img": "http://image.9game.cn/s/9game/g/2020/12/18/192250134.png",
    "lh": "领号"
},]
var sky4 = ''
data3.map(itme => {
    sky4 += `<li>
    <div class="number-imgs">
        <a href="" class="number-q">
            <img src="${itme.img}" alt="">
            <span></span>
        </a>
    </div>
    <a href="">
        <strong class="state">${itme.title}</strong>
    </a>
    <p class="number-p">${itme.num}</p>
    <a class="number-dd nr-yes" href="">${itme.lh}</a>
</li>`
})
list4.innerHTML = sky4


var list5 = document.querySelector('#all-ul4')
var data4 = [{
    "num": "剩余 89%",
    "title": "[幸存绿洲：突围]首发礼包",
    "img": "http://image.9game.cn/s/9game/g/2020/12/18/192250134.png",
    "lh": "领号"
}, {
    "num": "剩余 89%",
    "title": "[幸存绿洲：突围]新手礼包",
    "img": "http://image.9game.cn/s/9game/g/2020/12/18/192250134.png",
    "lh": "领号"
}, {
    "num": "剩余 89%",
    "title": "[幸存绿洲：突围]预约礼包",
    "img": "http://image.9game.cn/s/9game/g/2020/12/18/192250134.png",
    "lh": "领号"
}, {
    "num": "剩余 94%",
    "title": "[水浒宋江传]新手礼包",
    "img": "http://image.9game.cn/s/9game/g/2018/5/30/20488776.png",
    "lh": "领号"
}]
var sky5 = ''
data4.map(itme => {
    sky5 += `<li>
    <div class="number-imgs">
        <a href="" class="number-q">
            <img src="${itme.img}" alt="">
            <span></span>
        </a>
    </div>
    <a href="">
        <strong class="state">${itme.title}</strong>
    </a>
    <p class="number-p">${itme.num}</p>
    <a class="number-dd nr-yes" href="">${itme.lh}</a>
</li>`
})
list5.innerHTML = sky5


//单机礼包今日领取排行榜


var list6 = document.querySelector('#b-ul1')
var data8 = [{
    "fff": "rank-yes",
    "num": "1",
    "title": "[家园卫士]高级礼包"
}, {
    "fff": "rank-yes",
    "num": "2",
    "title": "[家园卫士]新手礼包"
}, {
    "fff": "rank-yes",
    "num": "3",
    "title": "[家园卫士]特权礼包"
}, {
    "fff": "rank-no",
    "num": "4",
    "title": "[模拟城市：我是市长]金牛迎春礼包"
}, {
    "fff": "rank-no",
    "num": "5",
    "title": "[饥饿龙]福利礼包"
}, {
    "fff": "rank-no",
    "num": "6",
    "title": "[饥饿龙]预约福利礼包"
}, {
    "fff": "rank-no",
    "num": "7",
    "title": "[饥饿龙]新手礼包"
}, {
    "fff": "rank-no",
    "num": "8",
    "title": "[家园卫士]不删档预约"
}, {
    "fff": "rank-no",
    "num": "9",
    "title": "[南瓜先生2]预约礼包"
}, {
    "fff": "rank-no",
    "num": "10",
    "title": "[饥饿龙]高级龙蛋礼包"
}]
var skt=''
data8.map(itme =>{
    skt+=`<li class="rank-li">
    <span class="rank-sp ${itme.fff}">${itme.num}</span>
    <a href="">${itme.title}</a>
    <span class="rank-an"></span>
</li>`
})
list6.innerHTML =skt